<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <title>青岛航空运营分析平台</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../assets/js/jquery-3.3.1.min.js"></script>
    <script>
        let [pageH, pageW] = [$(window).height(), $(window).width()];
    </script>
    <style>

    </style>
</head>

<body id="index">
<div id="container">
    <div id="test" style="height: 60rem"></div>

</div>

<!--<script src="http://echarts.baidu.com/examples/data-gl/lines3d-flights.js"></script>-->
<script src="../assets/js/echarts-4.2.0.js"></script>
<script src="echarts-gl.js"></script>
<!--<script src="../assets/js/world.js"></script>-->
<!--<script src="../assets/js/china.js"></script>-->
<!--<script src="../assets/data/flights.json"></script>-->
<script src="../js/common.js"></script>
<script src="../js/chartsCom.js"></script>
<!--<script src="../js/index.js"></script>-->
<script>
    ec02_map_airLines_d();
    function ec02_map_airLines_a() {
        let chart = echarts.init($("#test")[0]);
        $.get('../assets/data/Asia.json', function (mapJson) {
            echarts.registerMap('demo', mapJson, {});
            chart.setOption({
                geo3D: {
                    map: 'demo',
                    roam: true,
                    itemStyle: {
                        areaColor: '#b3eefe',
                        opacity: 1,
                        borderWidth: 0.4,
                        borderColor: '#000'
                    },
                    label: {
                        show: true,
                        textStyle: {
                            color: '#000', //地图初始化区域字体颜色
                            fontSize: 8,
                            opacity: 1,
                            backgroundColor: 'rgba(0,23,11,0)'
                        },
                    },
                    emphasis: { //当鼠标放上去  地区区域是否显示名称
                        label: {
                            show: true,
                            textStyle: {
                                color: '#fff',
                                fontSize: 3,
                                backgroundColor: 'rgba(0,23,11,0)'
                            }
                        }
                    },
                    //shading: 'lambert',
                    light: { //光照阴影
                        main: {
                            color: '#fff', //光照颜色
                            intensity: 1.2, //光照强度
                            //shadowQuality: 'high', //阴影亮度
                            shadow: false, //是否显示阴影
                            alpha: 55,
                            beta: 10

                        },
                        ambient: {
                            intensity: 0.3
                        }
                    }
                },
                series: [
                ]
            });
        });

    }


</script>
</body>

</html>